
/*
* @Author: Handsome
* @Date:   2017-06-28 15:39:15
<<<<<<< .mine
=======
* @Last Modified by:   Handsome
* @Last Modified time: 2017-07-31 13:30:37
>>>>>>> .r12799
*/

/* 公共样式 B */
.clearfix::after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
img{
    width: 100%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.pr{
    position: relative;
}
button,input{
    outline: none;
}
.page_container{
    width: 100%;
    margin: 0 auto;
}
body{
    background-color: #fc4c3c;
    font-family: "PingFangSC-Regular"
}
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

/* 公共样式 E */

/* 头部 B */

header{
    width: 100%;
    position: relative;
}
header > .link{
    position: absolute;
    top: 4.013889rem; /* 578px */
    right: 0.319444rem; /* 46px */
}
header > .link a{
    width: 1.152778rem; /* 166px */
    height: 1.208333rem; /* 174px */
    display: block;
}
header > .link a:nth-child(0){
    margin-bottom: 0.222222rem; /* 32px */
}

/* 头部 E */

/* 主体 B */

/* 看涨跌 B */
.guess .gains{
    width: 6.680556rem; /* 962px */
    height: 0.652778rem; /* 94px */
    line-height: 0.652778rem; /* 94px */
    margin: 0 auto 0.263889rem; /* 38px */
    font-size: 0.319444rem; /* 46px */
    font-family: 'PingFangSC-Medlum';
    color: #fff;
    text-align: center;
    display: block;
    background-color: #ea3e2f;
    border-radius: 0.326389rem; /* 47px */
}
.guess .gains i{
    display: inline-block;
    width: 0.131944rem; /* 19px */
    height: 0.229167rem; /* 33px */
    margin-left: 0.208333rem; /* 30px */
}
.guess > .container{
    width: 6.680556rem; /* 962px */
    margin: 0 auto 0.333333rem; /* 8px */
    border-radius: 0.326389rem; /* 47px */
    overflow: hidden;
    box-shadow: 0 5px #fcd27b;
}
.guess > .container .gs_guess{
    background-color: #ffffed;
    padding-top: 1.083333rem; /* 156px */
}
.guess > .container .gs_guess .tab{
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #FD4D3D;
}
.guess > .container .gs_guess .tab a{
    float: left;
    width: 3.319444rem; /* 478px */
    margin: 0;
    color: #c96c29;
    font-size: 0.333333rem; /* 48px */
    font-family: "AdobeHeitiStd-Regular";
    height: 0.701389rem; /* 101px */
    line-height: 0.701389rem; /* 101px */
    background-color: #FDE569;
}
.guess > .container .gs_guess .tab .current{
    background-color: #FFFFED;
}
.guess > .container .gs_guess .tab a:first-child{
    margin-right: 0.027778rem; /* 4px */
    border-radius: 0 0.333333rem 0 0; /* 48px */
}
.guess > .container .gs_guess .tab a:last-child{
    border-radius: 0.333333rem 0 0 0; /* 48px */
}
.guess > .container .gs_guess .tab a .img{
    display: inline-block;
    width: 0.1875rem; /* 27px */
    height: 0.208333rem; /* 30px */
}
.guess > .container .gs_guess > .ing{
    // display: none;
    display: block;
}
.guess > .container .gs_guess > .end{
    font-family: "PingFangSC-Medlum";
    // display: block;
    display: none;
}
.guess > .container .gs_guess .question{
    margin-bottom: 0.347222rem; /* 156px */
    text-align: center;
    font-size: 0.277778rem; /* 40px */
    color: #fa6c5d;
    font-family: "PingFangSC-Medlum";
}
.guess > .container .gs_guess .question span{
    font-size: 0.416667rem; /* 60px */
    color: #f24a39;
}
.guess > .container .gs_guess > .ing .left, .guess > .container .gs_guess > .ing .right{
    width: 50%;
}
.guess > .container .gs_guess > .ing .data{
    margin: 0.375rem 0.319444rem 0.277778rem; /* 54px 46px 40px */
    text-align: center;
    color: #c96c29;
    font-size: 0.263889rem; /* 38px */
    line-height: 0.541667rem; /* 78px */
    border-radius: 0.270833rem; /* 39px */
    background-color: #f9e6b3;
}
.guess > .container .gs_guess > .ing .data a{
    font-family: "PingFangSC-Medlum";
}
.guess > .container .gs_guess > .ing .img{
    width: 1.736111rem; /* 250px */
    heigth: 1.611111rem; /* 232px */
    margin: 0 auto;
}
.guess > .container .gs_guess a{
    display: block;
    width: 2.701389rem; /* 389px */
    heigth: 1.104167rem; /* 159px */
    margin: 0 0.319444rem; /* 46px */
}
.guess > .container .gs_guess .end_time{
    font-size: 0.222222rem; /* 32px */
    line-height: 0.222222rem; /* 32px */
    color: #999;
    padding: 0.222222rem 0 0.222222rem; /* 32px */
    text-align: center;
}
.guess > .container .end > .have_result .left {
    width: 1.736111rem; /* 250px */
    height: 1.611111rem; /* 232px */
    float: left;
    margin: 0.479167rem 0.555556rem 0.694444rem 0.875rem; /* 69px 80px 100px 126px */
}
.guess > .container .ing > .UorD .my_guess{
    font-size: 0.333333rem; /* 48px */
    color: #838380;
    height: 0.993056rem; /* 143px */
    line-height: 0.993056rem; /* 143px */
    overflow: hidden;
}
.guess > .container .ing > .UorD .my_guess div{
    width: 1000px;
}
.guess > .container .ing > .UorD .ing_isBet{
    display: block;
}
.guess > .container .ing > .UorD .ing_noBet{
    display: none;
}
.guess > .container .end > .have_result .right{
    color: #999;
}
.guess > .container .end > .have_result .right div:nth-child(1){
    margin-top: 0.791667rem; /* 114px */
    font-size: 0.333333rem; /* 48px */
    color: #666;
}
.guess > .container .end > .have_result .right div:nth-child(2){
    margin-top: 0.180556rem; /* 26px */
    font-size: 0.263889rem; /* 38px */
}
.guess > .container .end > .have_result .right div:nth-child(2) span{
    color: #f76c4e;
}
.guess > .container .end > .have_result .right div:nth-child(3){
    font-size: 0.222222rem; /* 32px */
    margin-top: 0.111111rem; /* 16px */
}
.guess > .container .end > .have_result .right div:nth-child(3) span{
    color: #f66c4f;
}
.guess > .container .end > .have_result .description .img{
    padding: 0 0.277778rem 0 0.541667rem; /* 40px 78px */
    width: 1.076389rem; /* 155px */
    height: 0.958333rem; /* 138px */
    position: relative;
}
.guess > .container .end > .have_result .description .img::before{
    content: '';
    position: absolute;
    width: 0.375rem; /* 54px */
    height: 0.25rem; /* 36px */
    top: 0;
    right: 0;
    background: url('../images/bilin1.png') no-repeat;
    background-size: 0.375rem 0.25rem;
}
.guess > .container .end > .have_result .description .fl > div:nth-child(1){
    margin-top: 0.138889rem; /* 42px */
    font-size: 0.333333rem; /* 48px */
    color: #666;
}
.guess > .container .end > .have_result .description .fl > div:nth-child(2){
    margin-top: 0.138889rem; /* 20px */
    font-size: 0.222222rem; /* 32px */
    color: #999;
}
.guess > .container .end > .have_result .description .fl > div span{
    color: #fd4d3d;
}
.guess > .container .end .end_time{
    padding: 1.111111rem 0 0.194444rem; /* 160px 28px */
    text-align: center;
    font-size: 0.222222rem; /* 32px */
    font-family: "PingFangSC-Regular";
    color: #999;
}
.guess > .container .end > .no_result{
    display: none;
}
.guess > .container .end > .no_result .left,.guess > .container .end > .no_result .right{
    width: 50%;
    box-sizing: border-box;
    margin: 0;
}
.guess > .container .end > .no_result .img{
    width: 1.736111rem; /* 250px */
    height: 1.611111rem; /* 232px */
    margin: 0 auto 0.375rem; /* 54px */
}
.guess > .container .end > .no_result .data{
    width: 2.548611rem; /* 375px */
    height: 0.541667rem; /* 78px */
    line-height: 0.541667rem; /* 78px */
    color: #c96c29;
    font-size: 0.263889rem; /* 38px */
    background-color: #F9E6B3;
    margin: 0 auto 0.277778rem; /* 40px */
    text-align: center;
    border-radius: 0.270833rem; /* 39px */
}
.guess > .container .end > .no_result a{
    width: 2.701389rem; /* 389px */
    height: 0.993056rem; /* 143px */
}
.guess > .container .end > .no_result .my_guess{
    font-size: 0.333333rem; /* 48px */
    color: #838380;
    height: 0.993056rem; /* 143px */
    line-height: 0.993056rem; /* 143px */
    overflow: hidden;
}
.guess > .container .end > .no_result .end_time{
    padding: 0.222222rem 0 0.222222rem; /* 32px */
}

.guess > .container .others{
    background-color: #fffacb;
    padding: 0.069444rem 0.319444rem; /* 10px 46px */
    overflow:hidden;
}
.guess > .container .others .container{
    overflow: hidden;
}
.guess > .container .others li {
    line-height: 0.722222rem; /* 104px */
    font-size: 0.277778rem; /* 40px */
    color: #666;
}
.guess > .container .others li div{
    float: left;
}
.guess > .container .others .others_judge{
    margin: 0 0.3125rem 0 0.25rem; /* 45px 36px */
    width:0.972222rem;/*140px*/
}
.guess > .container .others .get{
    width: 1.25rem; /* 180px */
    height: 0.722222rem; /* 104px */
    overflow: hidden;
}
.guess > .container .others .get div{
    width: 1000px;
}
.others_time{
    width:1.180556rem;/*170px*/
}
.guess > .container .others .bearish .others_judge{
    color: #ff5959;
}
.guess > .container .others .bullish .others_judge{
    color: #73bd43;
}
.guess > .container .others .others_judge .img{
    width: 0.1875rem; /* 27px */
    height: 0.208333rem; /* 30px */
    display: inline-block;
}
.guess > .container .others .tel{
    margin-right: 0.486111rem; /* 70px */
    width:1.388889rem;/*200px*/
}

/* 看涨跌 E */

/* 奖品兑换 B */

.convert {
    background-color: #ffffed;
    width: 6.680556rem; /* 962px */
    margin: 0 auto;
    margin-top: 1.125rem; /* 162px */
    border-radius: 0.326389rem; /* 47px */
    box-shadow: 0 5px #fcd27b;
}
.convert > .title{
    position: absolute;
    width: 7.125rem; /* 1026px */
    height: 1.506944rem; /* 217px */
    top: -0.694444rem; /* 70px */
    left: -0.1875rem; /* 27px */
}
.convert > .description{
    position: relative;
    width: 6.680556rem;
    z-index: 2;
}
#convert_detailed{
    padding: 0.347222rem 0.826389rem 0; /* 50px 119px */
    font-size: 0.236111rem; /* 34px */
    color: #999;
    line-height: 0.326389rem; /* 47px */
    box-sizing: border-box;
}


.convert > .description i{
    color: #83d3e4;
}
.convert > .list{
    padding: 0 0.180556rem 0 0.208333rem; /* 26px 30px */
}
.convert > .list li{
    border-bottom: 1px solid #e3e3e3;
}
.convert > .list .left{
    width: 0.923611rem; /* 133px */
    height: 1.305556rem; /* 188px */
}
.convert > .list .center{
    padding: 0.333333rem 1.368056rem 0.333333rem 1.083333rem; /* 48px 197px 48px 156px */
    font-size: 0.222222rem; /* 32px */
    color: #8a8a8a;
    line-height: 0.333333rem; /* 48px */
}
.convert > .list .center i{
    font-size: 0.277778rem; /* 40px */
}
.convert > .list .center .p{
    color: #666;
}
.convert > .list .center span{
    color: #fc4d3c;
}
.convert > .list .img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.convert > .list .rate{
    width: 0.923611rem; /* 133px */
    height: 0.472222rem; /* 68px */
}
.convert > .list .card{
    width: 0.784722rem; /* 113px */
    height: 0.798611rem; /* 115px */
}
.convert > .list .right a{
    width: 1.1875rem; /* 171px */
    height: 0.555556rem; /* 80px */
    background-color: #ff981e;
    font-size: 0.277778rem; /* 40px */
    color: #fff;
    display: block;
    text-align: center;
    line-height: 0.555556rem; /* 80px */
    border-radius: 0.277778rem; /* 40px */
    margin-top: 0.333333rem; /* 48px */
}
.convert > .list .pass .right a{
    background-color: #FF9900;
}
.convert > .list .fail .right a{
    background-color: #d9d9d9;
}
.convert > .list .exchanged .right a{
    background-color: #fff;
    color: #FF9900;
    border-radius: 0.277778rem; /* 40px */
    border: 1px solid #FF9900;
}

/* 奖品兑换 E */

/* 筹码明细 B */

.details{
    background-color: #FEFEE3;
    width: 6.680556rem; /* 962px */
    margin: 0.333333rem auto; /* 48px */
    border-radius: 0.326389rem; /* 47px */
    box-shadow: 0 5px #fcd27b;
    max-height: 6.944444rem; /* 1000px */
    overflow-y: scroll;
    display: none;
}
.details > h2{
    width: 2.611111rem; /* 376px */
    height: 0.645833rem; /* 93px */
    line-height: 0.645833rem; /* 93px */
    color: #c96c29;
    font-size: 0.333333rem; /* 48px */
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    background-color: #FDE569;
    position: relative;
    top: -0.034722rem; /* 5px */
    border-radius: 0 0 0.069444rem 0.069444rem; /* 10px */
    margin-bottom: 0.229167rem; /* 33px */
}
.details > ul > li > ol > li{
    float: left;
    font-size: 0.277778rem; /* 40px */
    height: 0.354167rem; /* 51px */
    line-height: 0.354167rem; /* 51px */
    color: #7f7f7f;
    overflow: hidden;
}
.details > ul > li{
    margin-bottom: 0.291667rem; /* 42px */
    height: 0.354167rem; /* 51px */
    padding: 0 0.277778rem; /* 40px */
}
.details > ul > li::before{
    content: '';
    position: absolute;
    height: 0.291667rem; /* 42px */
    border-left: 1px solid #bdbdbd;
    left: 1.222222rem; /* 176px */
    top: 0.354167rem; /* 51px */
}
.details > ul > li:last-child::before{
    border-left: none;
}
.details > ul > li > ol > li:nth-child(1){
    color: #b5b5b5;
    padding-left: 0.069444rem; /* 10px */
    width: 0.666667rem; /* 96px */
    text-align: center;
}
.details > ul > li > ol > li:nth-child(2){
    width: 0.354167rem; /* 51px */
    height: 0.354167rem; /* 51px */
    margin: 0 0.048611rem; /* 7px */
}
.details > ul > li > ol > li:nth-child(3){
    padding-right: 0.409722rem; /* 59px */
}
.details > ul > li > ol > li:nth-child(4){
    width: 2.361111rem; /* 340px */
}
.details > ul > li > ol > li:nth-child(5){
    width: 1.604167rem; /* 231px */
    text-align: right;
    overflow: hidden;
}
.details > ul > .down > ol > li:nth-child(3){
    color: #73bd43;
}
.details > ul > .up > ol > li:nth-child(3){
    color: #fc5b5d;
}
.details > .link{
    padding-bottom: 0.243056rem; /* 35px */
    text-align: center;
}
.details > .link a{
    color: #C96C29;
    font-size: 0.277778rem; /* 40px */
}

/* 筹码明细 E */

/* 主体 E */

/* 底部 B */

footer{
    font-size: 0.236111rem; /* 34px */
    width: 6.680556rem; /* 962px */
    margin: 0.333333rem auto; /* 48px */
    background-color: #fefee3;
    border-radius: 0.326389rem; /* 47px */
    padding: 0 0.333333rem 0.263889rem; /* 48px 38px */
    box-sizing: border-box;
    box-shadow: 0 5px #fcd27b;
    line-height: 0.291667rem; /* 42px */
}
footer > .rule h2{
    width: 2.611111rem; /* 376px */
    height: 0.645833rem; /* 93px */
    line-height: 0.645833rem; /* 93px */
    color: #cb6c1c;
    font-size: 0.326389rem; /* 47px */
    font-family: "PingFangSC-Medlum";
    margin: 0 auto;
    text-align: center;
    background-color: #fde569;
    position: relative;
    top: -0.034722rem; /* 5px */
    border-radius: 0 0 0.069444rem 0.069444rem; /* 10px */
    margin-bottom: 0.229167rem; /* 33px */
}
footer > .rule h4{
    color: #c96c29;
    font-weight: bold;
}
footer > .rule p{
    text-indent: 2em;
    color: #696969;
}
footer > .rule .table{
    border: 1px solid #c96c29;
    display: inline-block;
    color: #696969;
}
footer > .rule .table .left{
    border-right: 1px solid #c96c29;
}
footer > .rule .table .thead{
    border-bottom: 1px solid #c96c29;
    height: 0.506944rem; /* 73px */
    line-height: 0.506944rem; /* 73px */
    text-align: center;
    font-size: 0.236111rem; /* 34px */
    font-weight: bold;
}
footer > .rule .table .tbody{
    line-height: 0.444444rem; /* 64px */
    font-size: 0.222222rem; /* 32px */
    padding: 0 0.375rem; /* 54px */
}
footer > .rule .tx_in0{
    text-indent: 0;
}
footer > .rule p span{
    color: #8bc6db;
}
/* 底部 E

/* 浮层 B */

/* 浮层公共样式 */

.shade_supernatant{
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
}
.container_supernatant{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 0.173611rem; /* 25px */
    background-color: #fff;
}
.close_supernatant{
    width: 0.659722rem; /* 95px */
    height: 0.659722rem; /* 95px */
    position: absolute;
    top: -0.951389rem; /* 137px */
    right: 0;
}
.close_supernatant::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -0.291667rem;
    height: 0.291667rem;
    border-left: 1px solid #fff;
}

/* 签到浮层 */

.supernatant{
    width: 100%;
}
.supernatant > .sign_supernatant{
    display: none;
}
.supernatant > .sign_supernatant .container{
    width: 5.75rem; /* 828px */
    height: 6.25rem; /* 900px */
    text-align: center;
}
.supernatant > .sign_supernatant .container .img{
    width: 5.75rem; /* 828px */
    height: 3.041667rem; /* 438px */
}
.supernatant > .sign_supernatant .container div:nth-child(2){
    color: #ec3c25;
    margin-top: 0.590278rem; /* 85px */
    font-family: "PingFangSC-Medlum";
    font-size: 0.597222rem; /* 86px */
}
.supernatant > .sign_supernatant .container a:nth-of-type(1){
    display: block;
    width: 3.201389rem; /* 461px */
    height: 0.729167rem; /* 105px */
    line-height: 0.729167rem; /* 105px */
    color: #fff;
    background-color: #FF6A50;
    margin: 0.534722rem auto 0.243056rem; /* 77px 35px */
    font-size: 0.347222rem; /* 50px */
    font-family: "PingFangSC-Medlum";
}
.supernatant > .sign_supernatant .container a:nth-of-type(2){
    color: #ec3c25;
    display: block;
    font-size: 0.25rem; /* 36px */
    font-family: "PingFangSC-Medlum";
    margin-bottom: 0.243056rem; /* 35px */
}
.supernatant > .sign_supernatant .container .title{
    color: #fff;
    font-size: 0.416667rem; /* 60px */
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0.395833rem; /* 57px */
    left: 0;
}
.supernatant > .result{
    position: fixed;
    display: none;
    font-size: 0.347222rem;
    bottom: 0.347222rem; /* 50px */
    left: 0;
    text-align:center;
    height: 0.486111rem; /* 70px */
    line-height: 0.486111rem; /* 70px */
    width: 100%;
    z-index: 4;
}
.supernatant > .result > span{
    padding: 0 0.138889rem; /* 20px */
    border-radius: 0.138889rem; /* 10px */
    color: #fff;
    background-color: #535352;
}

/* 投注浮层 */

.supernatant > .cathectic_supernatant {
    display: none;
}
.supernatant > .cathectic_supernatant .container{
    width: 5.75rem; /* 828px */
    height: 4.486111rem; /* 646px */
    text-align: center;
}
.supernatant > .cathectic_supernatant .container .top{
    width: 5.75rem; /* 828px */
    height: 2.840278rem; /* 409px */
    background: url('../images/弹窗bg2.png') no-repeat;
    background-size: 5.75rem 2.840278rem; /* 828px 409px */
}
.supernatant > .cathectic_supernatant .container .top input{
    width: 4.486111rem; /* 646px */
    padding-left: 0.277778rem; /* 40px */
    height: 1.069444rem; /* 154px */
    line-height: 1.069444rem; /* 154px */
    color: #999;
    font-size: 0.333333rem; /* 48px */
    margin: 0.868056rem auto 0.152778rem; /* 125px 22px */
    background-color: #fff;
    border-radius: 0.069444rem; /* 10px */
}
.supernatant > .cathectic_supernatant .container .top div{
    font-size: 0.25rem; /* 36px */
    color: #fff;
}
.supernatant > .cathectic_supernatant .container button{
    margin: 0.472222rem auto 0; /* 68px */
    background-color: #FF6A50;
    color: #fff;
    width: 3.194444rem; /* 460px */
    height: 0.722222rem; /* 104px */
    line-height: 0.722222rem; /* 104px */
    font-size: 0.347222rem; /* 50px */
    border-radius: 0.138889rem; /* 20px */
}

/* 无筹码浮层 */

.supernatant > .noChip_supernatant {
    display: none;
}
.supernatant > .noChip_supernatant .container{
    width: 5.75rem; /* 828px */
    height: 6.069444rem; /* 874px */
    text-align: center;
}
.supernatant > .noChip_supernatant .container .top{
    width: 5.75rem; /* 828px */
    height: 2.951389rem; /* 425px */
    background: url('../images/弹窗bg3.png') no-repeat;
    background-size: 5.75rem 2.951389rem; /* 828px 425px */
}
/*立即前往部分*/
.shade_supernatant .container_supernatant .top-three{
    width: 5.75rem; /* 828px */
    height: 2.951389rem; /* 425px */
    background: url('../images/弹窗bg3.png') no-repeat;
    background-size: 5.75rem 2.951389rem; /* 828px 425px */
}
.supernatant > .noChip_supernatant .container p{
    margin-top: 0.354167rem; /* 51px */
    margin-bottom: 0.451389rem; /* 65px */
    line-height: 0.555556rem; /* 80px */
    font-size: 0.375rem; /* 54px */
    color: #666;
}
.supernatant > .noChip_supernatant .container button{
    margin: 0 auto;
    background-color: #FF6A50;
    color: #fff;
    width: 3.194444rem; /* 460px */
    height: 0.722222rem; /* 104px */
    line-height: 0.722222rem; /* 104px */
    font-size: 0.347222rem; /* 50px */
    border-radius: 0.138889rem; /* 20px */
}

/* 获得更多筹码浮层 */

.supernatant > .more_supernatant {
    display: none;
}
.supernatant > .more_supernatant .container{
    width: 6.986111rem; /* 1006px */
    height: 7.638889rem; /* 1100px */
}
.supernatant > .more_supernatant .container .top{
    background-color: #FF613D;
    padding: 0.201389rem 0.298611rem 0.277778rem; /* 29px 43px 40px */
    color: #fff;
    border-radius: 0.173611rem 0.173611rem 0 0; /* 25px */
}
.supernatant > .more_supernatant .container .top .title{
    height: 0.902778rem; /* 130px */
    line-height: 0.902778rem; /* 130px */
    text-align: center;
    font-size: 0.402778rem; /* 58px */
}
.supernatant > .more_supernatant .container .top .description{
    line-height: 0.430556rem; /* 62px */
    font-size: 0.305556rem; /* 44px */
}
.supernatant > .more_supernatant .container .bottom{
    padding-bottom: 0.680556rem;
}
.supernatant > .more_supernatant .container .bottom .get{
    font-size: 0.319444rem; /* 46px */
    color: #666;
    line-height: 0.902778rem; /* 130px */
    // margin-bottom: 0.291667rem; /* 42px */
    padding: 0 0.486111rem 0.277778rem 0.444444rem; /* 70px 40px 64px */
    border-bottom: 1px solid #e2e2e2;
}
.supernatant > .more_supernatant .container .bottom .get i{
    display: inline-block;
    width: 0.361111rem; /* 52px */
    height: 0.409722rem; /* 59px */
    margin-right: 0.090278rem; /* 13px */
    vertical-align: sub;
}
.supernatant > .more_supernatant .container .bottom .get a{
    float: right;
    color: #fff;
    font-size: 0.347222rem; /* 50px */
    font-family: "PingFang-SC-Bold";
    padding: 0 0.555556rem; /* 80px */
    border-radius: 0.138889rem; /* 20px */
}
.supernatant > .more_supernatant .container .bottom .get .cant{
    background-color: #dadada;
}
.supernatant > .more_supernatant .container .bottom .get .can{
    background-color: #FF6A50;
}
.supernatant > .more_supernatant .container .bottom .description{
    font-size: 0.263889rem; /* 38px */
    color: #999;
    line-height: 0.361111rem; /* 52px */
    padding: 0.277778rem 0.486111rem 0.277778rem 0.444444rem; /* 40px 70px 40px 64px */
}
.supernatant > .more_supernatant .container .bottom .bb_none{
    border-bottom: none;
}

/* 两融账户绑定浮层 */

.supernatant > .activate_supernatant {
    display: none;
}
.supernatant > .activate_supernatant .container{
    width: 6.861111rem; /* 988px */
    height: 6.111111rem; /* 880px */
}
.supernatant > .activate_supernatant .container .top{
    background-color: #FF613D;
    padding-bottom: 0.680556rem; /* 98px */
    border-radius: 0.173611rem 0.173611rem 0 0; /* 25px */
    font-size: 0.277778rem; /* 40px */
}
.supernatant > .activate_supernatant .container .top .title{
    text-align: center;
    padding: 0.472222rem 0 0.472222rem 0; /* 68px */
    color: #fff;
    font-size: 0.305556rem; /* 44px */
}
.supernatant > .activate_supernatant .container .top .input{
    border-radius: 0.138889rem; /* 20px */
    background-color: #fff;
    width: 5.770833rem; /* 831px */
    margin: 0 auto;
    padding-left: 0.208333rem; /* 30px */
    color: #727272;
    line-height: 1.048611rem; /* 151px */
}
.supernatant > .activate_supernatant .container .top .input span{
    display: inline-block;
    width: 1.944444rem; /* 280px */
}
.supernatant > .activate_supernatant .container .top .input input{
    padding-left: 0.069444rem; /* 10px */
    color: #333;
    width: 3.472222rem; /* 500px */
}
.supernatant > .activate_supernatant .container .top .input .general{
    color: #B1B1B1;
}
.supernatant > .activate_supernatant .container .submit{
    color: #fff;
    background-color: #FF6A50;
    height: 0.729167rem; /* 105px */
    line-height: 0.729167rem; /* 105px */
    width: 3.201389rem; /* 461px */
    display: block;
    margin: 0.694444rem auto 0; /* 100px */
    border-radius: 0.138889rem; /* 20px */
    font-size: 0.347222rem; /* 50px */
    display: block;
    text-align: center;
}

/* 非新客浮层 */
.supernatant > .no_new_supernatant {
    display: none;
}
.supernatant > .no_new_supernatant .container{
    width: 5.513889rem; /* 794px */
    height: 2.222222rem; /* 320px */
    background-color: #fff;
}
.supernatant > .no_new_supernatant .container .top{
    padding: 0.451389rem 0; /* 65px */
    line-height: 0.395833rem; /* 57px */
    color: #666;
    font-size: 0.319444rem; /* 46px */
    text-align: center;
    border-bottom: 1px solid #efefef;
}
.supernatant > .no_new_supernatant .container a{
    float: left;
    display: block;
    text-align: center;
    font-size: 0.319444rem; /* 46px */
    height: 0.902778rem; /* 130px */
    line-height: 0.902778rem; /* 130px */
    width: 50%;
    color: #666;
}
.supernatant > .no_new_supernatant .container a:first-child{
    border-right: 1px solid #efefef;
    box-sizing: border-box;
}

/* 兑换成功浮层 */

.supernatant > .success_supernatant,.supernatant > .toAPP_supernatant {
    display: none;
}
.supernatant > .success_supernatant .container,.supernatant > .toAPP_supernatant .container{
    width: 5.75rem; /* 828px */
    height: 6.076389rem; /* 875px */
    text-align: center;
}
.supernatant > .success_supernatant .container .top,.supernatant > .toAPP_supernatant .container .top{
    width: 5.75rem; /* 828px */
    height: 2.840278rem; /* 409px */
    background: url('../images/弹窗bg2.png') no-repeat;
    background-size: 5.75rem 2.840278rem; /* 828px 409px */
    box-sizing: border-box;
    padding-top: 1.270833rem; /* 183px */
    color: #fff;
    font-size: 0.527778rem; /* 76px */
}
.supernatant > .success_supernatant .container .description,.supernatant > .toAPP_supernatant .container .description{
    font-size: 0.375rem; /* 54px */
    color: #666;
    line-height: 0.631944rem; /* 91px */
    margin-top: 0.3125rem; /* 45px */
    margin-bottom: 0.486111rem; /* 70px */
    font-family: "PingFangSC-Medlum";
}
.supernatant > .success_supernatant .container a,.supernatant > .toAPP_supernatant .container a{
    display: block;
    width: 3.201389rem; /* 461px */
    height: 0.729167rem; /* 105px */
    line-height: 0.729167rem; /* 105px */
    margin: 0 auto;
    color: #fff;
    background-color: #FF6A50;
    border-radius: 0.138889rem; /* 20px */
}
/* 兑换失败浮层 */
.supernatant > .fail_supernatant {
    display: none;
}
.supernatant > .fail_supernatant .container{
    width: 5.513889rem; /* 794px */
    height: 2.541667rem; /* 366px */
    background-color: #fff;
}
.supernatant > .fail_supernatant .container .top{
    padding: 0.451389rem 0; /* 65px */
    line-height: 0.395833rem; /* 57px */
    color: #666;
    font-size: 0.319444rem; /* 46px */
    text-align: center;
    border-bottom: 1px solid #efefef;
}
.supernatant > .fail_supernatant .container a{
    display: block;
    text-align: center;
    font-size: 0.319444rem; /* 46px */
    height: 0.902778rem; /* 130px */
    line-height: 0.902778rem; /* 130px */
    color: #FF8779;
}


/* 浮层 E
/* 微信下载弹窗tips */
#ydc{
    background: url(../images/we-mask.png) no-repeat center top;
    width: 100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-size:100% 100%;
    display:none;
    z-index:999;
}
